<template>
	<div id="FashionShoes">
		<!-- 时尚鞋子 -->
		<div>
			<img src="../../assets/daily/1.png">
			<p>
				防晒口罩护颈防紫外线薄款女冰丝遮阳脸罩透气夏季男全脸遮脸面罩
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/2.png">
			<p>
				夏季女2021新款女装时尚流行矮小个子条纹连衣裙女夏天收腰遮肚裙
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/3.png">
			<p>
				小白鞋NIKE耐克官网旗舰男鞋2021夏季新款运动鞋网面鞋透气跑步鞋
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/4.png">
			<p>
				泡椒鸡爪20g*50包微辣卤味泡椒凤爪网红小吃休闲零食卤味鸡脚小包
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/5.png">
			<p>
				丝巾发带女扎头发飘带小波点韩国百搭细窄的ins领巾头巾文艺装饰
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/6.png">
			<p>
				越南特产槟椥椰子糖8090后小时候怀旧情人节生日大礼包盒装喜糖果
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/7.png">
			<p>
				卫龙辣条味零食大礼包亲嘴烧魔芋麻辣小包装宿舍耐吃零食休闲食品
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/8.png">
			<p>
				夏季公主风冰丝空调被夏凉被四件套夏天少女心单双人天丝夏薄被子
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/9.png">
			<p>
				6期免息【当天发货】xiaomi/小米 11青春版5G手机官方旗舰店正品红米官网
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/10.png">
			<p>
				六瑞珠宝翡翠女款玉石天然糯种手镯玉镯子胖圆贵妃紫罗兰手镯配饰
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/11.png">
			<p>
				天才在左疯子在右+心理学经典4册 乌合之众自卑与超越梦的解析墨菲定律
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
		<div>
			<img src="../../assets/daily/12.png">
			<p>
				415页梦的解析 弗洛伊德心理学书籍读心术入门心理学与生活社会心理学畅销书
			</p>
			<p>
				<el-button type="text" class="button" icon="el-icon-star-off">添加收藏</el-button>
				<el-button type="text" class="button" icon="el-icon-goods">加购物车</el-button>
			</p>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}
	
	#FashionShoes>div {
		float: left;
		width: 200px;
		height: 270px;
		margin: 10px 10px 13px 12px;
		padding: 8px;
		border: 1px solid #919191;
		transition: all 0.5s;
	}
	
	#FashionShoes>div:hover {
		border: 2px solid #ff0000;
		transform: translate(0, -10px);
	}
	
	#FashionShoes>div>img {
		width: 180px;
		height: 165px;
	}
	
	#FashionShoes>div>p {
		width: 180px;
		font-size: 15px;
		text-align: justify;
		/* text-indent: 2rem; */
	}
	
	#FashionShoes>div>p:nth-of-type(1) {
		overflow: hidden;
		width: 180px;
		height: 60px;
		margin-top: 5px;
	}
	
	#FashionShoes>div>p:nth-of-type(2) {
		position: absolute;
		margin-top: 2px;
		text-align: center;
	}
	.el-button:hover{
		color: #1cce66;
	}
</style>
